<template>
   <div>
    账号: <input type="text" v-model="account"><br/><br/>
    密码: <input type="password" v-model="password"><br/><br/>
    性别: 男<input type="radio" name="sex" v-model="gender" value="male"> 
          女<input type="radio" name="sex" v-model="gender" value="female"><br/><br/>
    爱好: 抽烟 <input type="checkbox" v-model="hobby" value="smoke"> 
         喝酒 <input type="checkbox" v-model="hobby" value="drink"> 
         烫头 <input type="checkbox" v-model="hobby" value="perm"><br/><br/>
    所属校区: <select v-model="city">
            <option value="city">--请选择城市--</option>
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="shenzhen">深圳</option>
            <option value="wuhan">武汉</option>
            <option value="xian">西安</option>
            </select><br/><br/>
    其它信息: <textarea name="msg" v-model="msg"></textarea><br/><br/>
    <input type="checkbox" v-model="agree"> 阅读并接受 <a href="https://www.baidu.com">《用户协议》</a><br/><br/>
    <button @click='submit'>提交</button>              
   </div>
</template>

<script>
    export default {
        name: 'Register',
        data(){
            return {
                account:'',
                password:'',
                gender:'',
                hobby:[],
                city:'',
                msg:'',
                agree:false,
            }
        },
        methods:{
            submit(){
                alert('提交成功')
            }
        }
    }
</script>

<style>

</style>